<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    var sum = ''

    for(var j = 0; j < 10; j++) {  // 外层for 控制了 行

      // 打印倒三角， 随着行数的增加， 我们每一行的五角星逐个减少

      // 里层for在控制每一行的五角星的个数

      // i++不能动，他的目的是 让循环动起来

      // 2. 初始条件
        // 初始条件 需要跟行产生关系
        //   j第一行  0  i= j i = 0  10次 第一行 十个五角星
        //  j 第二行  1  i = j i = 1  9次 第二行 九个五角星
        //  j 第三行  2  i= j  i = 2  8次 第三行  八个五角星

      // 2. 条件判断
         //  j第一行  0  10 - 0 = 10  10次 第一行 十个五角星
        //  j 第二行  1  10 - 1 = 9  9次 第二行 九个五角星
        //  j 第三行  2  10- 2 = 8  8次 第三行  八个五角星


      for(var i = j; i < 10; i++) {  // 里层for控制了 每一行有几个五角星
        sum += '!'
      }


      sum += '\n'  // newline

    }

    console.log(sum)
  </script>
</body>
</html>